<template>
  <view class="incubate-page">
    <view class="content">
      <quill-editor
        disabled
        v-model="describe"
        class="ql-editor"
      />
    </view>

    <view class="footer">
      <button type="primary" @click="jump">我有需求</button>
    </view>
  </view>
</template>

<script>
import api from "api/modules/touhang.js";

export default {
  name: "HaveProject",
  data() {
    return {
      describe: "",
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      api
        .getFrontDetail({
          associationServiceId: 3,
        })
        .then((res) => {
          this.describe = res.data.serviceContent;
        });
    },
    jump() {
      uni.navigateTo({
        url: "/pages/views/service/touhang/AcquisitionsApply",
      });
    },
  },
};
</script>

<style lang="less" scoped>
page {
  background-color: #f6f6f6;
}

.incubate-page {
  margin-top: 30rpx;

  .content {
    min-height: 880rpx;
    box-sizing: border-box;

    border-right: 0;
    border-left: 0;
    overflow: auto;

    .ql-editor {
      background-image: url(../../../../static/acquisitions-bgc.jpg);
      background-size: contain;
      background-repeat: repeat;
    }
  }

  .footer {
    margin: 24rpx 0;
    padding: 0 30rpx;
    box-sizing: border-box;
    width: 100%;

    button {
      background-color: #0b4e9e;
      height: 80rpx;
      line-height: 80rpx;
      border-radius: 40rpx;
      font-size: 32rpx;

      &::after {
        border: 0;
      }
    }
  }
}
</style>
